<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
    //BOM
    //浏览器对象模型
    //BOM可以使我们通过JS来操作浏览器
    //在BOM中为我们提供了一组对象，用来完成对浏览器的操作
    //BOM对象
    //window Navigator Location History Screen
    //window对象 代表的是整个浏览器的窗口，同时window也是网页中的全局对象
    //Navigator 代表的当前浏览器的信息，通过该对象可以识别不同的浏览器
    //Location 代表的当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面
    //History 代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录。由于隐私的问题，该对象不能获取到具体的历史记录，只能操作浏览器向前或者向后翻页
    //而且该操作旨当次访问时有效
    //Screen 代表用户的屏幕信息，通过该对象可以获取到用户的显示器的相关信息
    
    //这些BOM对象在浏览器中都是作为window对象的属性保存的
    //可以通过window对象来使用，也可以直接使用
    //console.log(navigator);
    //console.log(location);
    //console.log(history);

    //Navigator 代表的当前浏览器的信息，通过该对象可以识别不同的浏览器
    //由于历史原因，Navigator对象中大部分属性都已经不能帮助我们识别浏览器了
    //一般我们只会userAgent来判断浏览器的信息(userAgent等价于浏览器)
    //他是一个字符串，这个字符串中包含有用来描述浏览器信息的内容
    //不同的刘篮球会有不同的userAgent
    //console.log(navigator.appCodeName);//显示Mozilla
    //console.log(navigator.appName);//显示Netscape（谷歌浏览器，火狐浏览器等）
    var nu=(navigator.userAgent);

    //用正则表达式来判断是谷歌还是火狐浏览器
    if(/firefox/i.test(nu))
    {
        console.log("火狐浏览器");
    }
    if(/chrome/i.test(nu))
    {
        console.log("谷歌浏览器");
    }

    //IE11把自己的标识信息进行了伪装，userAgent不好判断，所以需要用别的办法
    //通过IE特有的对象来判断浏览器信息
    //比如 ActiveXobject
    /*
    if(window.ActiveXobject)
    {
        console.log("你是IE，我已经抓到你了");
    }
    else
    {
        console.log("你不是IE");
    }
    */
    //但是上面办法抓不到IE11，，因为IE11在布尔值上转成了fals
    //可以检查是否存在某对象来判断
    if("ActiveXObject" in window)
    {
        console.log("你是IE");
    }
    else
    {
        console.log("你不是IE");
    }
    </script>
</head>
<body>
    
</body>
</html>